<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录注册</title>
    <link rel="styleSheet" href="./static/dist/swiper-3.4.2.min.css"/>
    <link rel="styleSheet" href="./static/css/homePage.css"/>
</head>
<body>
    <div class="content">
        <!-- 轮播图 -->
        <div class="main">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="./static/img/kakazhang_feature_0.png" alt=""/>
                    </div>
                    <div class="swiper-slide">
                        <img src="./static/img/kakazhang_feature_1.png" alt=""/>
                    </div>
                    <div class="swiper-slide">
                        <img src="./static/img/kakazhang_feature_2.png" alt=""/>
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
            </div> 
        </div>
        <!-- 登录注册按钮 -->
        <div class="box">
            <div class="fl register">注册</div>
            <div class="fr login">登录</div>
        </div>
    </div>
    <script src="./static/js/jquery-2.1.1.min.js"></script>
    <script src="./static/js/fontsize.js"></script>
    <script src="./static/dist/swiper-3.4.2.jquery.min.js"></script>
    <script src="./static/js/base.js"></script>
    <script src="./static/js/homePage.js"></script>
    <script>
        $(function(){
            // 轮播图初始化
            var mySwiper = new Swiper ('.swiper-container', {
                autoplay: 3000,//可选选项，自动滑动
                loop: true,
                
                // 如果需要分页器
               pagination: '.swiper-pagination',
            }) 
        })
    </script>
</body>
</html>